<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui"
                template="/util/plantilla.xhtml"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:gp="http://java.sun.com/jsf/composite/gpymes">


    <ui:define name="titulo">
        Asistente - Carga de stock
    </ui:define>

    <ui:define name="cuerpo">
        <h:panelGroup rendered="#{autorizador.hayPermiso('CargaDeStock')}">
            <h:form>
                <p:wizard widgetVar="wiz" flowListener="#{cargaStockBean.onFlowProcess}">

                    <p:tab id="factura" title="Factura">
                        <p:panel header="Factura">
                            <h:panelGroup>
                                Segunda Pagina!
                            </h:panelGroup>
                        </p:panel>
                    </p:tab>


                    <p:tab id="productos" title="Productos">

                        <p:panel header="Productos">
                            <h:panelGroup>


                                <table width="100%">
                                    <tr>
                                        <td width="50%" valign="top">
                                            <h:panelGrid columns="2" id="grid">  
                                                <h:outputLabel value="COD :" for="txt_title"></h:outputLabel>  
                                                <p:inputText id="txt_title"   
                                                             value="#{cargaStockBean.producto.codigo}"/>  

                                                <h:outputLabel value="Nombre" for="txt_author"></h:outputLabel>  
                                                <p:inputText id="txt_author"    
                                                             value="#{cargaStockBean.producto.nombre}" />  

                                                <p:commandButton id="btn_add" value="Agregar" update="@(parent :panelproductos)"  
                                                                 action="#{cargaStockBean.agregar}"/>  
                                                <p:commandButton value="Limpiar" type="reset"/>  
                                            </h:panelGrid>
                                        </td>
                                        <td valign="top" width="50%">
                                            <h:panelGrid columns="6">
                                                <p:selectBooleanButton offLabel="35" onLabel="35"/>
                                                <p:selectBooleanButton offLabel="36" onLabel="36"/>
                                                <p:selectBooleanButton offLabel="37" onLabel="37"/>
                                                <p:selectBooleanButton offLabel="38" onLabel="38"/>
                                                <p:selectBooleanButton offLabel="39" onLabel="39"/>
                                                <p:selectBooleanButton offLabel="40" onLabel="40"/>
                                            </h:panelGrid>

                                        </td>
                                    </tr>
                                </table>    




                                <p:outputPanel id="panelproductos">  
                                    <p:dataTable id="productosTable" value="#{cargaStockBean.productos}" var="p">  

                                        <p:column>  
                                            <f:facet name="header">  
                                                <h:outputText value="COD" />  
                                            </f:facet>  
                                            <h:outputText value="#{p.codigo}"/>  
                                        </p:column>  

                                        <p:column>  
                                            <f:facet name="header">  
                                                <h:outputText value="NOMBRE" />  
                                            </f:facet>  
                                            <h:outputText value="#{p.nombre}" />  
                                        </p:column>  

                                        <p:column>  
                                            <f:facet name="header">  
                                                <h:outputText value="Operation" />  
                                            </f:facet>  
                                            <h:commandButton value="Remover"  actionListener="#{cargaStockBean.remover(p)}" image="/imagenes/delete.png"/>  


                                        </p:column>  

                                    </p:dataTable>  
                                </p:outputPanel>  
                            </h:panelGroup>

                        </p:panel>
                    </p:tab>



                    <p:tab id="stock" title="Stock">
                        <p:panel header="Stock">
                            <h:panelGroup>
                                Tercera Pagina!
                            </h:panelGroup>
                        </p:panel>
                    </p:tab>

                    <p:tab id="confirmacion" title="Confirmación">
                        <p:panel header="Confirmacion">
                            <h:panelGroup>
                                Tercera Pagina!

                            </h:panelGroup>

                            <p:commandButton value="Guardar" update="@(:growl)"   
                                             actionListener="#{cargaStockBean.guardar}"/>
                        </p:panel>
                    </p:tab>
                </p:wizard>
            </h:form>
        </h:panelGroup>
    </ui:define>

</ui:composition>
